﻿@model Vizzio.Models.Pedido

@{
    ViewBag.Title = "Create";
    
}

<h2>Registrar Pedido</h2>


@using (Html.BeginForm()) 
{
    @Html.AntiForgeryToken()
    @Html.HiddenFor(model => model.Estado, new { @Value = "pendiente" })
    @Html.HiddenFor(model => model.Tipo, new { @Value = " " , @id = "campoTipo"})
    
    
    <div class="form-horizontal contendedor_principal">
        <h4><strong>Pedido Nº @ViewBag.PedidoID</strong></h4>
        <h5>Para : </h5>

        <button type="button" class="btn btn-primary btn-xs" id="btnCliente">
            <span class="glyphicon glyphicon-usd"></span> Clientes
        </button>
        <button type="button" class="btn btn-primary btn-xs" id="btnSocio">
            <span class="glyphicon glyphicon-user"></span> Socios
        </button>
        <button type="button" class="btn btn-primary btn-xs" id="btnAjuste">
            <span class="glyphicon glyphicon-barcode"></span> Ajuste
        </button>

        <hr />
        @Html.ValidationSummary(true)
        
        @Html.HiddenFor(model => model.Estado, new { @Value = "pendiente" })

        <div class="control-group form-group" id="divSocios">
            <label class="control-label col-md-2 control-label">Socio</label>
            <div class="col-md-10">
                @Html.DropDownList("Socios", ((IEnumerable<SelectListItem>)ViewBag.otherSocios), "--Seleccione un Socio--", new { @class = "socio", @id = "campoSocio"})
            </div>
        </div>

        <div class="control-group form-group" id="divClientes">
            @Html.LabelFor(model => model.ClienteID, "ClienteID", new { @class = "control-label col-md-2 control-label" })
            <div class="col-md-10 clientes">
                <div class="clientes_hijo">
                    @Html.DropDownList("ClienteID", null, String.Empty, new { @class = "clientes", @id = "campoCliente" })
                </div>
            </div>
        </div>
  
        <div class="control-group form-group">
            @Html.LabelFor(model => model.Fecha, "* Fecha de Pedido", new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <div class="input-group date">
                    <span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span><input type="text" name="Fecha" class="form-control" readonly value="@DateTime.Now.Date.ToShortDateString()">
                </div>
            </div>
        </div>
        <div class="control-group form-group">
            <label class="control-label col-md-2" for="disabledInput">Estado</label>
            <div class="col-md-10">
                <input class="form-control" id="disabledInputEstado" placeholder="Pendiente" disabled="" type="text">
            </div>
        </div>
        <hr />

        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">Productos  <span class="badge" id="badgeContadorProductos"></span></h3>
            </div>
            <div class="panel-body" id="panelDetalleProductos">
                <p><strong>Detalle de Pedido</strong></p>
                <span class="label label-default">Costo Total De Peido    <span class="badge" id="badgeCostoTotal"></span></span>
                <span class="label label-success">Realizados satisfactoriamente    <span class="badge" id="badgePedidosExitosos"></span></span>
                <span class="label label-warning">Menor a  Stock Minimo    <span class="badge" id="badgeMinimoStock"></span></span>
                <span class="label label-danger">Cero en stock    <span class="badge" id="badgeCeroStock"></span></span>
                <div><br /></div>
            </div>
        </div>
       
        
        <div class="row">
            <div class="col-md-12">
                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Producto</th>
                            <th>En stock</th>
                            <th>Cantidad</th>
                            <th>Presentacion</th>
                            <th>Costo</th>
                            <th>Opcion</th>
                        </tr>
                    </thead>
                    <tbody class="productos"></tbody>
                </table>
                <div class="col-md-12">
                    <a class="btn btn-success btn-xs add_producto" id="btnAgregarProducto">
                        <span class="glyphicon glyphicon-plus"></span> Agregar
                    </a>
                </div>
                </div>
        </div>
        <hr />

        <div class="form-group row">
            <div class="col-md-offset-2 col-md-1">
                <button type="submit" class="btn btn-primary" id="btnRegistrar">
                    <span class="glyphicon glyphicon-ok"></span> Registrar
                </button>
            </div>
            <div class="col-md-offset-1 col-md-1">
                <a href="@Url.Action("Index", "Pedido")" class="btn btn-primary">
                    <span class="glyphicon glyphicon-remove"></span> Cancelar
                </a>
            </div>
        </div>
    </div>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script>
        //Menu de seleccion para salida de productos
        $('#btnSocio').click(function () {
          
            $('#divClientes').hide();
            $('#campoTipo').val('socio');
            if ($('#divSocios').is(":hidden"))
            {
                $('#divSocios').show();
            }
            //$('#campoCliente option:selected').val("0").change();
            //console.log("btnsocio id cliente--->" + $('#campoCliente option:selected').val());
          //  $("select [name='ClienteID']").val("0");
            console.log("Tipo del campo seleccionado --->" + $("#campoTipo").val());
        });
        $('#btnCliente').click(function () {
            $('#divClientes').show();
            $('#campoTipo').val('cliente');
            if ($('#divSocios').is(":hidden")) {
                $('#divSocios').show();
            }
            console.log("Tipo del campo seleccionado --->" + $("#campoTipo").val());
        });
        $('#btnAjuste').click(function () {
            $('#divClientes').hide();
            $('#divSocios').hide();
            $('#campoTipo').val('ajuste');
            if ($('#divSocios').is(":visible") || $('#divClientes').is(":visible")) {
                $('#divSocios').hide();
                $('#divSocios').hide();
            }
            //$('#campoCliente option:selected').val("-4").change();
            //console.log("btnajuste id cliente--->" + $('#campoCliente option:selected').val());
            //$('#campoCliente option:selected').change();
            //$('#campoSocio option:selected').val("-4");
            //console.log("btnajuste id socio---->" + $('#campoSocio option:selected').val());
            //$('#campoSocio option:selected').change();
            console.log("Tipo del campo seleccionado --->" + $("#campoTipo").val());
        });

    </script>



    <script type="text/javascript">

        var costoTotal = 0;
        var hechos = 0;
        var minimoStock = 0;
        var ceroStock = 0;
        var cantidadProductos = 0;

        var listaDeProductos;
        var contador_productos = 0;
        var numeroProducto = 0;
        var siguienteProducto = true;
        var antiguaCantidad = 0;
        var rangoStock = 0;
        var aux = new Date();
        var fechaActual = aux.getDay + "-" + aux.getMonth + "-" + aux.getFullYear;
        var fechaMaxima = aux;
        fechaMaxima.setMonth(aux.getMonth() + 12);
        $(document).ready(function () {
            $("#badgeContadorProductos").text(cantidadProductos);
            $("#badgeCostoTotal").text(costoTotal +" Bs.");
            $("#badgePedidosExitosos").text(hechos);
            $("#badgeMinimoStock").text(minimoStock);
            $("#badgeCeroStock").text(ceroStock);

            $("#campoTipo").val("cliente");
            
            $('.input-group.date').datepicker({
                format: "dd/mm/yyyy",
                weekStart: 1,
                startDate: fechaActual,
                endDate: fechaMaxima,
                todayBtn: "linked",
                language: "es",
                autoclose: true,
                todayHighlight: true
            });
            //Recuperamos todos los productos de la base de datos
            $.ajax({
                type: "POST",

                // lugar donde se aloja nuestro web service
                url: "http://localhost:6490/Service/WebServiceGetProductos.asmx/ObtenerProductos",
                dataType: "json",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    //alert("paso algo");
                    listaDeProductos = JSON.parse(data.d);
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus + " Error: " + XMLHttpRequest.responseText);
                }
            });
        });

        var ListaPGuardado = new Array();
        //-------------------------- Funcion que agrega un nuevo producto cuando se hace clic en el boton + ------------------------------//
        
        $("a.add_producto").click(function () {
            if (siguienteProducto == false) {
                var bandera = $("#" + numeroProducto).find(".productoCosto").val();
                if (bandera != "0 Bs." && $("#" + numeroProducto).length) {
                    siguienteProducto = true;

                    //Productos Guardados
                    var pid = $("#" + numeroProducto).find(".productoSeleccionado option:selected").val();
                    if (ListaPGuardado.length > 0) {
                        $.each(ListaPGuardado, function (index, guardado) {
                            if (guardado.id == pid && guardado.estaEnPedido == 0) {
                                guardado.stock = $("#" + numeroProducto).find(".enStock").text();
                                guardado.cantidad = $("#" + numeroProducto).find(".cantidad").val();
                                guardado.presentacion = $("#" + numeroProducto).find(".productoPresentacion").val();
                                guardado.costo = $("#" + numeroProducto).find(".productoCosto").val();
                                guardado.stockMinimo = 0;
                                guardado.stado = "nulo";
                                guardado.estaEnPedido = 1;
                            };
                        });
                    };

                    var pg = new Object();
                    pg.id = $("#" + numeroProducto).find(".productoSeleccionado option:selected").val();
                    pg.stock = $("#" + numeroProducto).find(".enStock").text();
                    pg.cantidad = $("#" + numeroProducto).find(".cantidad").val();
                    pg.presentacion = $("#" + numeroProducto).find(".productoPresentacion").val();
                    pg.costo = $("#" + numeroProducto).find(".productoCosto").val();
                    pg.stockMinimo = 0;
                    pg.stado = "nulo";
                    pg.estaEnPedido = 1;
                    $.each(listaDeProductos,function(index,producto){
                        if (producto.ProductoID == pg.id)
                        {
                            pg.stockMinimo = producto.StockMinimo;
                        }
                    });

                    pg.stado = $.actualizarDetallePedido(pg);
                    if (pg.stado == "rojo") {
                        $("#" + numeroProducto).addClass("danger");
                    }
                    else {
                        if (pg.stado == "verde") {
                            $("#" + numeroProducto).addClass("success");
                        }
                        else {
                            if (pg.stado == "naranja") {
                                $("#" + numeroProducto).addClass("warning");
                            }
                        }
                    }
                    costoTotal = parseInt(costoTotal) + parseInt(pg.costo);
                    ListaPGuardado.push(pg);
                    $("#badgeCostoTotal").text(costoTotal + " Bs.");
                    $.vizzioAlertas("success", "Acaba de agregar un nuevo producto a su pedido!!");
                    cantidadProductos = cantidadProductos + 1;
                    $("#badgeContadorProductos").text(cantidadProductos);
                }
                else {
                    if ($('#alertaIdinfo').length) {
                        bootbox.alert("Por favor lea el mensaje de informacion que aparece en el Panel de Detalle de Pedido");
                    }
                    else {
                        $.vizzioAlertas("info", "Debe seleccionar un producto e introducir la cantidad");
                    }
                }
            }
            else {
                if (siguienteProducto == true) {
                    siguienteProducto = false;
                    numeroProducto = numeroProducto + 1;
                    antiguaCantidad = 0;

                    //var contador_productos = parseInt($(".contador_productos").val());
                    name = "productos[" + contador_productos + "]";

                    var selectList = "<select name='" + name + ".ProductoID' class='combobox" + contador_productos + " productoSeleccionado form-control' required onChange = 'cambioProducto(this)'><option></option>";
                    $.each(listaDeProductos, function (index, producto) {
                        selectList += "<option value='" + producto.ProductoID + "'>" + producto.Nombre + "</option>";
                        //alert("key: " + producto.ProductoID + " vlaue: " + producto.Nombre);

                    });
                    selectList += "</select>";

                    //$(jQuery.parseHTML(selectList)).combobox();
                    //$('#my-container').html(selectList);

                    var nuevo_producto = "<tr class='nuevo_producto' id = '"+ numeroProducto +"'>"
                                            + "<td>" + selectList + "</td>"
                                            + "<td><label class='form-control enStock'>N/A</label></td>"
                                            + "<td><input type='number' class='form-control cantidad' name='" + name + ".Cantidad' data-validation-number-message='Solo numeros enteros' required data-validation-required-message='Campo requerido' min='1' data-validation-min-message='Debe ser mayor a cero' maxlength='6' data-validation-maxlength-message='Muy grande. Maximo 6 digitos' data-validation-regex-regex='[0-9]+' data-validation-regex-message='Debe ingresar un entero positivo' placeholder='Cantidad' onChange = 'costoProducto(this)'/><p class='help-block'></p></td>"
                                            + "<td><input type = 'text' class='form-control productoPresentacion' disabled='' value = '----'></input></td>"
                                            + "<td><input type = 'text' class='form-control productoCosto' disabled='' value = '0 Bs.'></input></td>"
                                            + "<td><input type='text' class='hidden' name='" + name + ".Eliminado' value='0'/><a  class='btn btn-danger btn-xs delete_producto' onclick='delete_producto(this)'><span class='glyphicon glyphicon-trash'></span> Eliminar</a></td>"
                                            + "</tr>";
                    //Agregamos nueva fila a la tabla de productos
                    $(this).closest(".row").find(".productos").append(nuevo_producto);
                    //Activamos el combobox para que sea un autocomplete selectbox
                    $(("select.combobox" + contador_productos)).combobox();
                    //Incrementamos el index de los productos que seran enviados en el metodo post
                    contador_productos = contador_productos + 1;
                    //arreglamos la vista de la fila
                    //Activamos la validacion para los inputs agregados en tiempo de ejecucion
                    $(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); });
                }
            }
       });
        //---------------------Funcion que calcula el costo de un producto de la lista de productos importados --------------------------//
        function costoProducto(elemento) {

            var costo = 0;
            var cantidad = $(elemento).val();
            var fila = $(elemento).closest("tr.nuevo_producto");
            var pid = fila.find(".productoSeleccionado option:selected").val();
            var rango = 0;
            var aux = 0;
            if (pid != "") {
                $.each(listaDeProductos, function (index, producto) {
                    if (producto.ProductoID == pid) {
                        rango = producto.Stock;
                    }
                });
                //console.log("el rango para el primer producto es : " + rango);
                $.each(listaDeProductos, function (index, producto) {
                    if (producto.ProductoID == pid && cantidad < rango && producto.Stock > 0 && cantidad > 0 ) {
                        //console.log("este es el pid : " + pid + "\n" + "este es la presentacion : " + producto.Precio);
                        costo = producto.Precio * cantidad;
                        fila.find(".productoCosto").val(costo + " Bs.");
                        
                            aux = parseInt(producto.Stock) + parseInt(antiguaCantidad);
                            antiguaCantidad = cantidad;
                            aux = parseInt(producto.Stock) - parseInt(cantidad);
                            fila.find(".enStock").text(aux);
                     
                            //alert("stock ahora : " + producto.Stock + "\n"
                            //      + "cantidad antigua : " + antiguaCantidad + "\n"
                            //      + "cantidad ingresada : " + cantidad);
                            //console.log("estoy en la 1 opcion");

                    }
                    else {
                        if (producto.ProductoID == pid && cantidad > rango && cantidad > 0 ) {
                            $.vizzioAlertas("warning", "La cantidad ingresada de : " + cantidad + " es mayor a la cantidad disponible en Stock ");
                            fila.find(".cantidad").val("");
                            fila.find(".productoCosto").val("0 Bs.");
                            console.log("estoy en la 2 opcion");
                        }
                        else {
                            if (producto.ProductoID == pid && cantidad == rango  && cantidad > 0) {
                                $.vizzioAlertas("warning", "La cantidad ingresada de : " + cantidad + " es igual a la cantidad disponible en Stock ");
                                costo = producto.Precio * cantidad;
                                fila.find(".productoCosto").val(costo + " Bs.");
                                aux = parseInt(producto.Stock) + parseInt(antiguaCantidad);
                                antiguaCantidad = cantidad;
                                aux = parseInt(producto.Stock) - parseInt(cantidad);
                                fila.find(".enStock").text(aux);
                                console.log("estoy en la 3 opcion");

                            }
                            else {
                                if (producto.ProductoID == pid && rango == 0 && cantidad > 0) {
                                  
                                    bootbox.alert("stock Agotado");
                                    costo = producto.Precio * cantidad;
                                    fila.find(".productoPresentacion").val("----");
                                    fila.find(".productoCosto").val("0 Bs.");
                                    fila.find(".cantidad").val("");
                                    fila.find(".productoSeleccionado option:selected").val("");
                                    console.log("estoy en la 4 opcion");
                                }
                                else {
                                    if (producto.ProductoID == pid && cantidad == 0) {
                                        bootbox.alert("No puede realizar el pedido de un producto con una cantidad de 0 ");
                                        costo = producto.Precio * cantidad;
                                        fila.find(".productoPresentacion").val("----");
                                        fila.find(".productoCosto").val("0 Bs.");
                                        fila.find(".cantidad").val("");
                                        console.log("estoy en la 5 opcion");
                                    }
                                }
                            }
                        }
                    }


                });
            }
            else {

                fila.find(".productoCosto").val("0 Bs.");
            }
        };
        //---------------------Funcion que muestra la presentacion de un producto de la lista de productos importados --------------------------//
        function cambioProducto(elemento) {
            var pid = $(elemento).val();
            var fila = $(elemento).closest("tr.nuevo_producto");
            var habilitado = true;
            console.log("estoy cambiando producto");
            console.log("este es el pid--->" + pid);
            console.log(ListaPGuardado);
           // console.log("estos son los ids-->" + ListaPGuardado[0].id + "," + ListaPGuardado[1].id + "," + ListaPGuardado[2].id);
            if (pid != "" && ListaPGuardado.length > 0) {
                $.each(ListaPGuardado, function (index, guardado) {
                    if (guardado.id == pid && guardado.estaEnPedido == 1) {
                        habilitado = false;
                             fila.find(".productoSeleccionado").val("");
                            fila.find(".productoPresentacion").val("----");
                            //fila.find(".productoCosto").val("0 Bs.");
                            //fila.find(".cantidad").val("");
                            fila.find(".enStock").text("N/A");
                            $.vizzioAlertas("info", "El producto ya se encuentra en la Lista");  
                    }
                });
            };
            
            if (pid != "" && habilitado == true) {
                $.each(listaDeProductos, function (index, producto) {
                    if (producto.ProductoID == pid) {
                        //console.log("este es el pid : " + pid + "\n" + "este es la presentacion : " + producto.Presentacion);
                        fila.find(".productoPresentacion").val(producto.present);
                        fila.find(".enStock").text(producto.Stock);
                    }
                });
            };
            //if (pid == "") {
            //    bootbox.alert("El producto : " + fila.find('.productoSeleccionado option:selected').text() + " ya esta registrado");
            //    fila.find(".productoSeleccionado").val("");
            //    fila.find(".productoPresentacion").val("----");
            //    fila.find(".productoCosto").val("0 Bs.");
            //    fila.find(".cantidad").val("");
            //    fila.find(".enStock").text("N/A");
            //};
            };
        //---------------------Funcion que elimina(Oculta y cambia el estado) un producto de la lista de productos importados --------------------------//
        function delete_producto(elemento) {
            var fila = $(elemento).closest("tr.nuevo_producto");
            var id = fila.find(".productoSeleccionado option:selected").val();
            var auxindex = 0;
            if (ListaPGuardado.length > 0 && id !="") {
                $.each(ListaPGuardado, function (index, guardado) {
                    if (guardado.id == id && guardado.estaEnPedido == 1) {
                        auxindex = index;
                        guardado.estaEnPedido = 0;
                        if (guardado.stado == "rojo") {
                            ceroStock = parseInt(ceroStock) - 1;
                            if (ceroStock < 0) { ceroStock = 0 };
                            $("#badgeCeroStock").text(ceroStock);
                        };
                        if (guardado.stado == "naranja") {
                            minimoStock = parseInt(minimoStock) - 1;
                            if (minimoStock < 0) { minimoStock = 0 };
                            $("#badgeMinimoStock").text(minimoStock);
                        }else{
                        
                            hechos = parseInt(hechos) - 1;
                            if (hechos < 0) { hechos = 0 };
                            $("#badgePedidosExitosos").text(hechos);
                        }

                        costoTotal = parseInt(costoTotal) - parseInt(guardado.costo);
                        if (costoTotal < 0) { costoTotal = 0};
                        $("#badgeCostoTotal").text(costoTotal + " Bs.");

                    };
                });
            };
            console.log(ListaPGuardado);
            cantidadProductos = cantidadProductos - 1;
            if (cantidadProductos < 0) { cantidadProductos = 0 };
            siguienteProducto = true;
            $("#badgeContadorProductos").text(cantidadProductos);
            //Prorrateo de la cantidad en stock de producto
            //borramos producto de la lista
            //Marcamos el producto con -1 para que no sea guardado en la base de datos
            fila.find(".hidden").attr('value', -1);
            //Eliminamos los campos que debian validarse
            fila.find(".productoSeleccionado").remove();
            fila.find(".cantidad").remove();
            fila.find(".precio").remove();
            fila.find(".noLote").remove();

            //Ocultamos el resto de los campos.
            fila.hide();     
        };
        //////////////////////////////////////////////Funciones Auxiliares///////////////////////////////////////////

        $.vizzioAlertas = function (type, message) {
            $("#panelDetalleProductos").append("<div class='alert alert-dismissable alert-" + type + "' id='alertaId" + type + "'>"
                                                + "<button type='button' class='close' data-dismiss='alert' onclick='ocultarAlertaDanger()'>×</button>"
                                                + "<h4>Mensaje!</h4>"
                                                + "<p>" + message + "</p>"
                                                + "</div>"
                                               );
            setTimeout(function () {
                $("#alertaId" + type).fadeOut(1500, function () {
                    $("#alertaId" + type).remove();
                });
            }, 5000);
            
        };

        $.actualizarDetallePedido = function (pg) {
            var auxStock;
            var bandera = "vacio";
            $.each(listaDeProductos, function (index, producto) {
                if (pg.id == producto.ProductoID) {
                    auxStock = producto.Stock;
                    if (pg.stock == 0) {
                        //mal
                        ceroStock = parseInt(ceroStock) + 1;
                        $("#badgeCeroStock").text(ceroStock);
                        bandera = "rojo";
                    };
                    if (auxStock > pg.stock && pg.stock > pg.stockMinimo) {
                        //bien
                        hechos = parseInt(hechos) + 1;
                        $("#badgePedidosExitosos").text(hechos);
                        bandera = "verde";
                    };
                    if (pg.stock < pg.stockMinimo) {
                        //precausion
                        minimoStock = parseInt(minimoStock) + 1;
                        $("#badgeMinimoStock").text(minimoStock);
                        bandera = "naranja";
                    };

                };
            });

            return bandera;
        };
        /////////////////////////////////////////////////////////////////////////////////////////////////////////////

        $("select.socio").change(function () {
            //alert("mensaje: "+($(this).val()));
            var obj = { SocioID: $(this).val() };
            var elementoHtml = $(this);
            lista_de_clientes = null;
            
                $.ajax({
                    type: "POST",

                    // lugar donde se aloja nuestro web service
                    url: "http://localhost:6490/Service/WebServiceGetProductos.asmx/ObtenerClienteDeSocio",
                    dataType: "json",
                    data: JSON.stringify(obj),
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        lista_de_clientes = JSON.parse(data.d);
                        var contenedor_principal = $(elementoHtml).closest("div.contendedor_principal");

                        //Eliminar lista anterior
                        contenedor_principal.find("div.clientes_hijo").remove();

                        //Crear nueva lista
                        var selectList = "<div class='clientes_hijo'><div class='control-group'><div class='controls'><select name='ClienteID' class='clientes' ><option></option>";//este campo era obligatorio
                        $.each(lista_de_clientes, function (index, cliente) {
                            selectList += "<option value='" + cliente.ClienteID + "'>" + cliente.Nombre + " " + cliente.Apellidos + "</option>";
                        });
                        selectList += "</select></div></div></div>";

                        //Agregar lista de clientes
                        contenedor_principal.find("div.clientes").append(selectList);

                        //Activamos el combobox para que sea un autocomplete selectbox
                        $(("select.clientes")).combobox();

                        //---------------------------------------------------Activa la validacion de los campos (Cargados estaticamente) ----------------------------------------//
                        $(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); });


                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        alert(textStatus + " Error: " + XMLHttpRequest.responseText);
                    }
                });
           
        });

    </script>

    

}